<template>
     <el-button  class="btn-wl" @click="handleClick" :type='type' :size='size' :icon='icon' :loading="bLoading" >
       {{label}}
       <svg-icon :style="{'transform':'rotate('+ this.angle+'deg)'}" :icon-class="icon" :class-name="icon" />
     </el-button>
</template>

<script>
export default {
  name: "common_button",
  props: {
    label: {
      type: String
    },
    bLoading: {
      type: Boolean,
      default: false
    },
    type: {
      type: String
    },
    size: {
      type: String
    },
    icon: {
      type: String
    },
    angle: {
      type: String,
      default: "0"
    }
  },
  methods: {
    handleClick(event) {
      this.$emit("click", event);
    }
  }
};
</script>

<style scoped>
.btn-svg {
  transform: rotate(9deg);
}
</style>

